//1.引入vue
import Vue from 'vue'
//2.引入VueRouter
import VueRouter from 'vue-router'

//3.引入路由组件
import Home from '../pages/Home'
import Login from '../pages/Login'
import News from '../pages/Home/News'
import Music from '../pages/Home/Music'
//4.让Vue使用VueRouter这个插件
Vue.use(VueRouter)

//4.创建路由器对象
export default new VueRouter({
  routes:[
    {path:"/login",component:Login},
    { 
      path: "/home", 
      component: Home,
      children:[
        {path:'news',component:News,name:'news'},
        {path:'music/:id/:title?',component:Music,name:'music',props:true},
        // 二级路由重定向  1.redirect
        {path:'',redirect:'/home/news'}
        //二级路由重定向 2.默认子路由,这种方式在路径上没有music,但是页面上有Music的内容
        // {path:'',component:Music}
      ]
    },
    //路由重定向  通过路由规则的redirect属性,指定一个新的路由地址,可以很方便的设置路由重定向
    {path:'/',redirect:'/home'}
  ]

})